<!doctype html>
<html lang="ch">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>在线服装管理平台</title>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/slide.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/flat-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/jquery.nouislider.css">
    <script>
        $(function () {
            $(".meun-item").click(function () {
                $(".meun-item").removeClass("meun-item-active");
                $(this).addClass("meun-item-active");
                var itmeObj = $(".meun-item").find("img");
                itmeObj.each(function () {
                    var items = $(this).attr("src");
                    items = items.replace("_grey.png", ".png");
                    items = items.replace(".png", "_grey.png")
                    $(this).attr("src", items);
                });
                var attrObj = $(this).find("img").attr("src");
                ;
                attrObj = attrObj.replace("_grey.png", ".png");
                $(this).find("img").attr("src", attrObj);
            });
            $("#topAD").click(function () {
                $("#topA").toggleClass(" glyphicon-triangle-right");
                $("#topA").toggleClass(" glyphicon-triangle-bottom");
            });
            $("#topBD").click(function () {
                $("#topB").toggleClass(" glyphicon-triangle-right");
                $("#topB").toggleClass(" glyphicon-triangle-bottom");
            });
            $("#topCD").click(function () {
                $("#topC").toggleClass(" glyphicon-triangle-right");
                $("#topC").toggleClass(" glyphicon-triangle-bottom");
            });
            $(".toggle-btn").click(function () {
                $("#leftMeun").toggleClass("show");
                $("#rightContent").toggleClass("pd0px");
            })
        })
    </script>
    <script src="js/isLogin.js"></script>
</head>

<body>
<div id="wrap">
    <div class="leftMeun" id="leftMeun">
        <div id="logoDiv">
            <p id="logoP"><img id="logo" alt="左右结构项目" src="images/logo.png"><span>服装后台管理系统</span></p>
        </div>
        <div id="personInfor">
            <p id="userName"></p>
        </div>
        <div class="meun-title">服装信息管理</div>
        <div class="meun-item meun-item-active" href="#sour" aria-controls="sour" role="tab" data-toggle="tab"><img
                src="images/icon_source.png">服装上下架管理
        </div>
        <div class="meun-item" href="#inv" aria-controls="char" role="tab" data-toggle="tab"><img
                src="images/icon_chara_grey.png">服装库存管理
        </div>
        <div class="meun-item" href="#discount" aria-controls="user" role="tab" data-toggle="tab"><img src="images/icon_user_grey.png">服装优惠管理
        </div>
        <div class="meun-item" href="#order" aria-controls="user" role="tab" data-toggle="tab"><img src="images/icon_user_grey.png">订单管理
        </div>
    </div>
    <!-- 右侧具体内容栏目 -->
    <div id="rightContent">
        <a class="toggle-btn" id="nimei">
            <i class="glyphicon glyphicon-align-justify"></i>
        </a>
        <!-- Tab panes -->
        <div class="tab-content">
            <!-- 商品管理模块 -->
            <div role="tabpanel" class="tab-pane active" id="sour">
                <div class="check-div form-inline">
                    <button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addSource">添加服装信息</button>
                    <div id="c-find" class="row col-lg-5 col-md-5 col-sm-5 col-xs-5">
                        <select id="c-select " class="form-control input-sm" style="color: black">
                            <option v="-1" selected>全部</option>
                            <option v="0">男装</option>
                            <option v="1">女装</option>
                            <option v="2">休闲装</option>
                            <option v="3">运动装</option>
                        </select>
                        <select id="c-f-select" class="form-control input-sm" style="color: black">
                            <option v="-1" selected>全部</option>
                            <option v="0">衬衫</option>
                            <option v="1">大衣</option>
                            <option v="2">T恤衫</option>
                            <option v="3">短裤</option>
                            <option v="4">卫衣</option>
                            <option v="5">平底鞋</option>
                            <option v="6">长裤</option>
                        </select>
                        <div id="sku" class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
                            <input id="c-text_or_name" class="form-control input-sm"/>
                        </div>
                        <button id="c-sl-btn" class="btn btn-yellow btn-xs">搜索</button>
                    </div>
                </div>
                <div class="data-div">
                    <div class="row tableHeader">
                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 ">
                            商品sku
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                            商品名称
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                            图片
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                            分类
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                            父分类
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                            操作
                        </div>
                    </div>
                    <div class="tablebody" id="clothing-row">
                        <div class="row">
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                1
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                <span>一件衣服</span>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                <img src="../images/ss1.jpg" height="50px"/>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                T恤衫
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                男装
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteSource">
                                    删除
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <!--页码块-->
                <footer class="footer">
                    <ul class="pagination">
                        <li>
                            <input id="c-page" style="width: 30px">
                            页
                        </li>
                        <li class="gray" id="c-allpage">
                            共20页
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-right" id="c-go">
                            </i>
                        </li>
                    </ul>
                </footer>
                <!--弹出窗口 添加资源-->
                <div class="modal fade" id="addSource" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title">添加服装信息</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">
                                        <div class="form-group ">
                                            <label class="col-xs-3 control-label" >名称：</label>
                                            <div class="col-xs-8 ">
                                                <input id="c-i-name" type="email" class="form-control input-sm duiqi"
                                                       placeholder="">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-xs-3 control-label">父类别</label>
                                            <div class="col-xs-8 ">
                                                <select id="c-i-f-select" class=" input-sm" style="color: black">
                                                    <option v="0">男装</option>
                                                    <option v="1">女装</option>
                                                    <option v="2">休闲装</option>
                                                    <option v="3">运动装</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-xs-3 control-label">类别</label>
                                            <div class="col-xs-8">
                                                <select id="c-i-select" class=" input-sm" style="color: black">
                                                    <option v="0">衬衫</option>
                                                    <option v="1">大衣</option>
                                                    <option v="2">T恤衫</option>
                                                    <option v="3">短裤</option>
                                                    <option v="4">卫衣</option>
                                                    <option v="5">平底鞋</option>
                                                    <option v="6">长裤</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-xs-3 control-label">图片</label>
                                            <div class="col-xs-8">
                                                <input id="c-i-img" type="" class="form-control input-sm duiqi" placeholder="">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-xs-3 control-label">价格</label>
                                            <div class="col-xs-8">
                                                <input id="c-i-money" type="" class="form-control input-sm duiqi" placeholder="">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-xs-3 control-label">介绍</label>
                                            <div class="col-xs-8">
                                                <input id="c-i-info" type="text" class="form-control input-sm duiqi" placeholder="">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-xs btn-white" data-dismiss="modal">取 消
                                </button>
                                <button id="c-i-add" type="button" class="btn btn-xs btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->
                <!--弹出删除资源警告窗口-->
                <div class="modal fade" id="deleteSource" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title">提示</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    确定要删除该资源？删除后不可恢复！
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-danger">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->
            </div>

            <!--库存模块-->
            <div role="tabpanel" class="tab-pane" id="inv">
                <div class="check-div form-inline">
                    <div class="col-xs-4">
                        <input id="inv-s-sku" type="text" class="form-control input-sm" placeholder="输入商品sku搜索">
                        <button id="inv-select" class="btn btn-white btn-xs ">查 询</button>
                    </div>
                </div>
                <div class="data-div">
                    <div class="row tableHeader">
                        <div class="col-xs-2">
                            商品sku
                        </div>
                        <div class="col-xs-2">
                            商品名称
                        </div>
                        <div class="col-xs-4">
                            商品图片
                        </div>
                        <div class="col-xs-2">
                            当前库存
                        </div>
                        <div class="col-xs-2">
                            操作
                        </div>
                    </div>
                    <div class="tablebody" id="inv-index">

                        <div class="row">
                            <div class="col-xs-2 ">
                                000001
                            </div>
                            <div class="col-xs-2">
                                一件衣服
                            </div>
                            <div class="col-xs-4">
                                商品图片:
                                <img src="../images/ss2.jpg" height="50px" style="margin-left: 100px"/>
                            </div>
                            <div class="col-xs-2">
                                1000
                            </div>
                            <div class="col-xs-2">
                                <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#reviseUser">
                                    修改
                                </button>
                            </div>
                        </div>

                    </div>

                </div>
                <!--页码块-->
                <footer class="footer">
                    <ul class="pagination">
                        <li>
                            <input id="inv-page" style="width: 30px">
                            页
                        </li>
                        <li class="gray" id="inv-allpage">
                            共20页
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-right" id="inv-go">
                            </i>
                        </li>
                    </ul>
                </footer>
                <!--弹出修改用户窗口-->
                <div class="modal fade" role="dialog" id="reviseUser" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title">修改库存</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">
                                        <div class="form-group ">
                                            <label class="col-xs-4 control-label">修改库存为：</label>
                                            <div class="col-xs-8 ">
                                                <input id="inv-update-number" type="email" class="form-control input-sm duiqi" placeholder="">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-green" id="inv-save">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

                <!--弹出删除用户警告窗口-->
                <div class="modal fade" role="dialog" id="deleteUser" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title">提示</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    确定要删除该用户？删除后不可恢复！
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn  btn-xs btn-danger">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->
            </div>
            <!--优惠系统模块-->
            <div role="tabpanel" class="tab-pane" id="discount">
                <div class="check-div form-inline">
                    <div class="col-xs-4">
                        <input id="dis-s-sku" type="text" class="form-control input-sm" placeholder="输入商品sku搜索">
                        <button id="dis-s-btn-p" class="btn btn-white btn-xs ">查 询</button>
                    </div>
                </div>
                <div class="data-div">
                    <div class="row tableHeader">
                        <div class="col-xs-2">
                            商品sku
                        </div>
                        <div class="col-xs-2">
                            商品名称
                        </div>
                        <div class="col-xs-2">
                            商品图片
                        </div>
                        <div class="col-xs-2">
                            当前优惠金额
                        </div>
                        <div class="col-xs-2">
                            当前优惠标语
                        </div>
                        <div class="col-xs-2">
                            操作
                        </div>
                    </div>
                    <div class="tablebody" id="dis-row">

                        <div class="row">
                            <div class="col-xs-2 ">
                                000001
                            </div>
                            <div class="col-xs-2">
                                一件衣服
                            </div>
                            <div class="col-xs-2">
                                <img src="../images/ss2.jpg" height="50px"/>
                            </div>
                            <div class="col-xs-2">
                                1000
                            </div>
                            <div class="col-xs-2">
                                折扣
                            </div>
                            <div class="col-xs-2">
                                <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#revisediscount">
                                    修改
                                </button>
                            </div>
                        </div>
                    </div>

                </div>
                <!--页码块-->
                <footer class="footer">
                    <ul class="pagination">
                        <li>
                            <input id="dis-page" style="width: 30px">
                            页
                        </li>
                        <li class="gray" id="dis-allpage">
                            共20页
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-right" id="dis-go">
                            </i>
                        </li>
                    </ul>
                </footer>
                <!--弹出修改用户窗口-->
                <div class="modal fade" role="dialog" id="revisediscount" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title">添加优惠政策</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">
                                        <div class="form-group ">
                                            <label class="col-xs-4 control-label">添加优惠金额：</label>
                                            <div class="col-xs-8 ">
                                                <input id="up-dis-money" type="email" class="form-control input-sm duiqi" placeholder="">
                                            </div>
                                        </div>
                                        <div class="form-group ">
                                            <label class="col-xs-4 control-label">添加优惠名称：</label>
                                            <div class="col-xs-8 ">
                                                <input id="up-dis-name" type="email" class="form-control input-sm duiqi" placeholder="">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button id="up-dis-btn" type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

                <!--弹出删除用户警告窗口-->
                <div class="modal fade" role="dialog" id="deletediscount" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title">提示</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    确定要删除该用户？删除后不可恢复！
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn  btn-xs btn-danger">保 存</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--订单管理-->
            <div role="tabpanel" class="tab-pane" id="order">
                <div class="check-div form-inline">
                    <div class="col-xs-2">
                        <input id="order-s-id" type="text" class="form-control input-sm" placeholder="输入订单号查询">
                    </div>
                    <div class="col-xs-4">
                        <input id="order-s-user" type="text" class="form-control input-sm" placeholder="用户信息查询">
                        <button id="order-select-u" class="btn btn-white btn-xs order-select">查 询</button>
                    </div>
                </div>
                <div class="data-div">
                    <div class="row tableHeader ">
                        <div class="col-xs-2">
                            订单id
                        </div>
                        <div class="col-xs-2">
                            下单用户
                        </div>
                        <div class="col-xs-2">
                            下单时间
                        </div>
                        <div class="col-xs-2">
                            订单总金额
                        </div>
                        <div class="col-xs-2">
                            订单状态
                        </div>
                        <div class="col-xs-2">
                            操作
                        </div>
                    </div>
                    <div class="tablebody" id="order-index">
                        <div class="row">
                            <div class="col-xs-2 ">
                                000001
                            </div>
                            <div class="col-xs-2">
                                kys
                            </div>
                            <div class="col-xs-2">
                                2018年12月12号
                            </div>
                            <div class="col-xs-2">
                                1000
                            </div>
                            <div class="col-xs-2">
                                已下单
                            </div>
                            <div class="col-xs-2">
                                <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#orderres">
                                    修改
                                </button>
                            </div>
                        </div>
                    </div>

                </div>
                <!--页码块-->
                <footer class="footer">
                    <ul class="pagination">
                        <li>
                            <input id="order-page" style="width: 30px">
                            页
                        </li>
                        <li class="gray" id="order-allpage">
                            共20页
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-right" id="order-go">
                            </i>
                        </li>
                    </ul>
                </footer>
                <!--弹出修改用户窗口-->
                <div class="modal fade" role="dialog" id="orderres" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title">修改订单状态</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">
                                        <div class="form-group ">
                                            <label class="col-xs-4 control-label">修改订单状态为：</label>
                                            <div class="col-xs-8 ">
                                               <select id="order-status"  class=" input-sm">
                                                   <option v="1">下单成功</option>
                                                   <option v="2">待发货</option>
                                                   <option v="3">已发货</option>
                                                   <option v="4" selected>已完成</option>
                                                   <option v="0">取消</option>
                                               </select>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button id="o-s-tb" type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->
            </div>
        </div>
    </div>
</div>
<script src="js/jquery.nouislider.js"></script>
<script src="event/clothing.js"></script>
<script src="event/inventry.js"></script>
<script src="event/discount.js"></script>
<script src="event/order.js"></script>
</body>
</html>